<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <title>前台管理器</title>
    <style>
        .top{
            width: 100%;
            height: 70px;
            background-color: aquamarine;
            text-align: center;
        }
        .text{
            color: white;
            font-size: 40px;
        }
        .top_img{
            width: 70px;
            float: left;
            margin-left: 10px;
        }
        .top_out{
            float: right;
        }
        .top_img_out{
            width: 70px;
        }
        .yzall{
            width: 100%;
            background-color: #9db1c7;
        }
        page{
            background-color: #9db1c7;
        }
        .you{
            width: 25%;
            float: left;
        }
        .you1{
            width: 100%;
            height: 50px;
            background-color: #4DFFFF;
            float: left;
            margin-top: 10px;
            transition: all 0.3s;
            text-align: center;
        }
        .you1:hover{
            box-shadow: 0 .15rem .3rem rgb(7, 7, 7);
        }
        .zuo{
            width: 75%;
            float: left;
            height: 800px;
            background-color: #A6FFFF;
        }
        .home_text{
            color: white;
            text-decoration: none;
            font-size: 30px;
        }
    </style>
</head>
<body>
    <div class="top">
        <img src="../static/logo.png" class="top_img">
        <a class="text">前程似锦</a>
        <a href="" class="top_out"><img class="top_img_out" src="../static/goout.png"></a>
    </div>
    <div class="yzall">
        <div class="you">
            <div class="you1">
                <a class="home_text" href="">加载展示</a>
            </div>
            <div class="you1">
                <a class="home_text" href="">题库编辑</a>
            </div>
        </div>
        <div class="zuo">
            
        </div>
    </div>
</body>
</html>